<template>
    <div class="footer-nav-container">
        <div class="footer-nav-box">
            <span>找工作</span>
            <span>|</span>
            <span>找人才</span>
            <span>|</span>
            <span>帮助中心</span>
            <span>|</span>
            <span>联系我们</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: "footer-nav-common"
    }
</script>

<style scoped>


    /*设置底部导航的容器*/
    .footer-nav-container{
        width: 100%;
        height: 35px;
        line-height: 35px;
        align-content: center;
        background-color: #409EFF;
        color: #fff;
    }
    .footer-nav-box{
        width: 500px;
        margin: 0 auto;
    }

    .footer-nav-container span{
        display: inline-block;
        margin-left: 20px;
        font-size: 13px;
    }
    .footer-nav-container span:first-child{
        margin-left: 80px;
    }
</style>
